.layer {
  .warpper {
    position:absolute;
    width:50%;
    top:50%;
    left:50%;
    margin-left:-25%;
  }
  .content {
    position:relative;
    border:solid 4px $color-theme;
    background:#000
  }
  .vedio {
    height:480px;
    margin-top:-242px;
    border-radius:$radius;
    .close-layer {
      position:absolute;
      top:-84px;
      right:-69px;
      width:40px;
      height:40px;
      border:solid 3px $color-theme;
      border-radius:$radius-round;
      background:#000;
      &::before, &::after {
        position:absolute;
        top:18px;
        left:7px;
        display:block;
        content:'';
        width:25px;
        height:3px;
        background:#fff;
        @include rotate(45deg)
      }
      &::after {
        @include rotate(-45deg)
      }
    }
  }
}

.layer .warpper {
  width:800px;
  margin-left:-320px;
  margin-top:-229px;
  .scan-pic {
    position:relative;
    left:-94px;
    width:200px;
    margin:0 auto;
    padding-top:20px;
    text-align:center;
    span {
      display:block;
      line-height:30px;
      color:#fff
    }
  }
}
.share-tips {
  line-height:36px;
  padding:24px 34px;
  padding-left:100px;
  font-size:20px;
  color:#fff;
  border-radius:46px;
  .txt {
    width:456px;
    letter-spacing:2px;
    i {
      font-size:20px;
      color:$color-theme
    }
  }
  .pic {
    padding-left:20px;
    img {
      display:block
    }
  }
  .icon-share-b {
    position:absolute;
    top:-109px;
    left:-270px;
    z-index:1
  }
}